<template>
  <view class="base-time-line">
    <slot></slot>
  </view>
</template>

<script>
export default {
  provide() {
    return {
      colors: this.color,
      tops: this.top,
      minHeights: this.minHeight
    };
  },
  props: {
    // 圆点统一颜色
    color: {
      type: String,
      default: "#ccc"
    },
    // 圆点统一偏移值
    top: {
      type: [String, Number],
      default: 0
    },
    // 最小高度统一值
    minHeight: {
      type: [String, Number],
      default: "100rpx"
    }
  }
};
</script>

<style scoped></style>
